%common-border {
    position: relative;
    &:after {
      z-index: -1;
      content: "";
      width: 200%;
      height: 200%;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: scale(0.5, 0.5);
      transform: scale(0.5, 0.5);
      transform-origin: top left;
    }
  }
  
  //1像素边框
  @mixin border($type: solid, $color: $borderLineColor, $radius: 0px) {
    @extend %common-border;
    &:after {
      border: 1px $type $color;
      border-radius: $radius;
    }
  }
  //1像素上边框
  @mixin border-top($type: solid, $color: $borderLineColor) {
    @extend %common-border;
    &:after {
      border-top: 1px $type $color;
    }
  }
  //1像素下边框
  @mixin border-bottom($type: solid, $color: $borderLineColor, $radius: 0px) {
    @extend %common-border;
    &:after {
      border-bottom: 1px $type $color;
    }
  }
  //1像素左边框
  @mixin border-left($type: solid, $color: $borderLineColor, $radius: 0px) {
    @extend %common-border;
    &:after {
      border-left: 1px $type $color;
    }
  }
  //1像素右边框
  @mixin border-right($type: solid, $color: $borderLineColor, $radius: 0px) {
    @extend %common-border;
    &:after {
      border-right: 1px $type $color;
    }
  }